<template>
    <div class="test-cmp">
        <div>a: {{ a }}</div>
        <div>b: {{ b }}</div>
        <div>total: {{ a + b }}</div>
    </div>
</template>

<script>
    export default {
        props: {
            a: {
                type: Number,
                default: undefined
            },
            b: {
                type: Number,
                default: undefined,
            }
        }
    };
</script>

<style lang="scss" scoped>
    .test-cmp {
        display: flex;
        align-items: center;
        gap: 10px;
    }
</style>
